page {
  background-color: #efefef;
}

.card {
  height: 300rpx;
  display: flex;
  justify-content: center;
  margin: 20rpx;

  .card-left {
    display: flex;
    border-radius: 20rpx 0rpx 0rpx 20rpx;
    width: 30%;
    background-color:#fbe7d2;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    image {
      border-radius: 20rpx;
      height: 180rpx;
      width: 200rpx;
    }

    .details {
      width: 170rpx;
      border-radius: 20rpx;
      font-size: 30rpx;
      background-color: #fbe7d2;
      color: red;
    }
  }

  .card-right {
    border-radius: 0rpx 20rpx 20rpx 0rpx;
    display: flex;
    flex-direction: column;
    width: 60%;
    background-color: #ffffff;
    padding-top: 20rpx;
    padding-left: 30rpx;

    .top {
      display: flex;

      .title {
        width: 200rpx;
        font-weight: 700;
        margin-right: 40rpx;
      }

      .price {
        font-weight: 700;
      }
    }

    .center {
      margin: 10rpx 10rpx 10rpx 0rpx;
      font-size: 30rpx;
      padding: 10rpx;
      background-color: #efefef;
      border-radius: 30rpx;
    }

    .bottom {
      flex: 1;
      display: flex;
      align-items: flex-end;
      .specification {
        font-size: 30rpx;
        font-weight: 300;
        .var{
          font-weight: 400;
        }
      }

      .btn {
        height: 80rpx;
        width: 220rpx;
        font-size: 32rpx;
        color: #d71345;
        background-color: #fab27b;
        border-radius: 20rpx 0rpx 20rpx 0rpx;
      }
    }
  }
}